<link href="../../../css/common.css" rel="stylesheet" type="text/css" />
<style>
    input,select{
        height: 26px;
    }
    .button-control{
        height: 50px;
    }
    .button-control a{
        display: inline-block;
        float: left;`
    margin: 2px 0 0 5px;
        width: 70px;
    }
    .btn-rep{
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #DFDFDF;
    }
    .btn-rep:hover,.rep-selected{
        background: #428BCA;
        color: #fff;
    }
    .select-person{
        width: 150px;
        height: 32px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        vertical-align: middle;
    }
    .radio-rep{vertical-align: middle;}
</style>
<h3 style = "display: inline-block;"><B>类型配置</B></h3>


<br><br>
<form class="form-inline">
    <div class="form-group">
        <p id="errorMsg" class="text-danger" ng-show="false"></p>

        <input type="text" class="form-control" placeholder="类型" style="margin-left:0px;width: 150px" ng-model="type">
        <button type="submit" id="btnSearch" class="form-control btn btn-secondary" ng-click="addTypeAction(type)">添加</button>

        <br><br>

    </div>
</form>


<br>
<paging>
    <ul class="pagination" num-pages="tasks.pageCount" current-page="tasks.currentPage"
        on-select-page="selectPage(page)">
        <li ng-class="{disabled: noPrevious()}"><a ng-click="selectPrevious()">&laquo;</a>

        </li>
        <li ng-repeat="page in pages" ng-class="{active: isActive(page)}"><a
                ng-click="selectPage(page)">{{page}}</a>

        </li>
        <li ng-class="{disabled: noNext()}"><a ng-click="selectNext()">&raquo;</a>

        </li>
        <li ng-show="currentPage>6"><a ng-click="selectPage(1)">首页</a>

        </li>
    </ul>
</paging>



<div class="tab-content" style="margin-top: 20px">
    <div class="tab-pane active" id="tab_b">
        <table class="table table-condensed">
            <thead>
            <tr>
                <th>ID</th>
                <th>类型</th>
                <th>创建时间</th>
                <th>操作</th>
            </tr>
            </thead>

            <tbody>

            <tr ng-repeat="masterdata in list">
                <td><div style = "width: 200px;word-break:break-all;line-height: 1.2;">{{masterdata.id}}</div></td>
                <td><div style = "width: 100px;word-break:break-all;line-height: 1.2;">{{masterdata.value}}</div></td>
                <td><div style = "width: 80px;word-break:break-all;line-height: 1.2;">{{masterdata.dateLastModified | date:'yyyy-MM-dd HH:mm:ss'}}</div></td>
                <td><button type="submit" id="deleteId" class="form-control btn btn-secondary" ng-click="deleteTypeAction(masterdata.id)">删除</button></td>
            </tbody>


        </table>
    </div>
</div>


<br>
<paging>
    <ul class="pagination" num-pages="tasks.pageCount" current-page="tasks.currentPage"
        on-select-page="selectPage(page)">
        <li ng-class="{disabled: noPrevious()}"><a ng-click="selectPrevious()">&laquo;</a>

        </li>
        <li ng-repeat="page in pages" ng-class="{active: isActive(page)}"><a
                ng-click="selectPage(page)">{{page}}</a>

        </li>
        <li ng-class="{disabled: noNext()}"><a ng-click="selectNext()">&raquo;</a>

        </li>
        <li ng-show="currentPage>6"><a ng-click="selectPage(1)">首页</a>

        </li>
    </ul>
</paging>
